<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="./css/base.css"/>
    <link rel="stylesheet" href="./css/login-css.css"/>
    <script type="text/javascript" src="./js/jquery-2.1.0.js"></script>
</head>
<body>
    <div class="contain">
        <div class="top-nav-box">
            <div class="top-nav">
                <a href="#" class="logo"></a>
                <h1>欢迎登陆</h1>
                <a href="#" class="logo-page">登录页面，调查问卷</a>
            </div>
        </div>
        <div class="center">
            <div class="center-contain">
                <div class="center-img"></div>
                <div class="center-login">
                    <ul class="center-login-list">
                        <li>扫码登录</li>
                        <span>|</span>
                        <li class="red">账户登录</li>
                    </ul>
                    <form action="">
                        <div class="input-box input-1">
                            <span></span><input type="text" name="user" placeholder="邮箱/用户名/已验证手机"/>
                        </div>
                        <div class="input-box input-2">
                            <span></span><input type="password" name="psd" placeholder="密码"/>
                        </div>
                        <div class="wj-psd"><a href="#">忘记密码</a></div>
                        <button type="submit">登录</button>
                    </form>
                    <div class="center-foot">
                        <ul>
                            <li class="qq"><a href="">QQ</a></li>
                            <span>|</span>
                            <li class="weixin"><a href="">微信</a></li>
                            <li class="li-right"><a href="">立即注册</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="foot">
            <div class="foot-list">
                <ul>
                    <li><a href="">关于我们</a></li><span>|</span>
                    <li><a href="">联系我们</a></li><span>|</span>
                    <li><a href="">人才招聘</a></li><span>|</span>
                    <li><a href="">商家入驻</a></li><span>|</span>
                    <li><a href="">广告服务</a></li><span>|</span>
                    <li><a href="">手机京东</a></li><span>|</span>
                    <li><a href="">友情链接</a></li><span>|</span>
                    <li><a href="">销售联盟</a></li><span>|</span>
                    <li><a href="">京东社区</a></li><span>|</span>
                    <li><a href="">京东公益</a></li><span>|</span>
                    <li><a href="">English Site</a></li>
                </ul>
            </div>
            <div class="foot-foot">Copyright © 2004-2017  京东JD.com 版权所有</div>
        </div>
    </div>
</body>
</html>